layui.use(['table', 'jquery','element','layer','form','upload'], function () {
    var table = layui.table;
    var $ = layui.jquery;
    var element = layui.element;
    var layer = layui.layer;
    var form = layui.form;
    var upload = layui.upload;


    table.render({
        elem: '#table',
        height: 600,
        toolbar :'#toolbar',
        defaultToolbar : []
        , url: ctx + '/car/manage/listPage' //数据接口
        , page: true
        , cols: [[
             {field: 'carCode', title: '车牌号', align: 'center',width:'15%'}
            , {field: 'param', title: '车辆规格', align: 'center',width:'10%'}
            , {field: 'remark', title: '备注信息', align: 'center',width:'20%'}
            , {field: 'depositName', title: '所属暂存点', align: 'center',width:'15%'}
            , {field: 'ops', title: '操作', width: '40%', align: 'center',toolbar: '#tool'}
        ]]
    });

    table.on('toolbar(table)', function(obj){
        var data = obj.data;
        var layEvent = obj.event;

        if(layEvent === 'add'){
            add(data);
        }
    });


    table.on('tool(table)', function(obj){
        var data = obj.data;
        var layEvent = obj.event;

        if(layEvent === 'update'){
            update(data);
        }else if(layEvent == 'allocate'){
            allocate(data);
        }else if(layEvent == 'addEvilLog'){
            // 新增和测量违规记录
            addEvilLog(data);
        }else if(layEvent == 'showEvilLog'){
            showEvilLog(data);
        }
    });

    // 展示车辆违规记录
    function showEvilLog(data){
        // 初始化数据内容
        table.render({
            elem: '#showEvilLogTable',
            height: 400,
            defaultToolbar : []
            , url: ctx + '/car/manage/listPageLog?carId='+data.id //数据接口
            , page: true
            , cols: [[
                {field: 'evilName', title: '违规人', align: 'center',width:'15%'}
                , {field: 'remark', title: '说明', align: 'center',width:'60%'}
                , {field: 'createTime', title: '录入时间', align: 'center',width:'25%'}
            ]]
        });
        layer.open({
            type :1,
            title : '车辆违规记录',
            content :$('#showEvilLoglayer'),
            area :['700px','500px']
        });
    }


    var addEvilLogData = null;
    // 新增车辆违规记录
    function addEvilLog(data){
        addEvilLogData = data;
        layer.open({
            title : '新增车辆违规记录',
            type : 1,
            content : $('#addLogLayer'),
            btn : ['确定'],
            yes : function(res){
                // 添加数据
                $.ajax({
                    url : ctx + "/car/manage/addLog?carId="+addEvilLogData.id,
                    type : 'post',
                    async : false,
                    data : $('#addLogForm').serialize(),
                    success : function(res){
                        if(res.success){
                            layer.closeAll();
                            layer.msg(res.msg,{icon:1});
                        }else{
                            layer.msg(res.msg,{icon:2})
                        }
                    }
                });
            }
        });
    }

    var  alData = null;

    // 分配暂存区
    function allocate(data){
        alData = data;

        table.render({
            elem: '#allTable',
            height: 600,
            page : true,
            toolbar :'',
            defaultToolbar : []
            , url: ctx + '/eng/deposit/listPage' //数据接口
            , page: true
            , cols: [[
                {field: 'id', title: 'ID', width: '10%',type:'radio'},
                {field: 'name', title: '名称', align: 'center',width:'25%'}
                , {field: 'code', title: '统一编码', align: 'center',width:'25%'}
                , {field: 'address', title: '地址信息', align: 'center',width:'40%'}

            ]]
        });

        layer.open({
            type : 1,
            content : $('#allocateLayer'),
            area : ['500px','600px'],
            title : '分配暂存区',
            btn : ['确定'],
            yes : function(index){
                var allData = table.checkStatus('allTable');
                if(allData.data.length == 0){
                    layer.msg('请选中一行',{icon:2})
                    return false;
                }
                debugger;
                // 分配数据
                $.ajax({
                    url : ctx+"/car/manage/allocate",
                    type :'post',
                    data:{
                       id : alData.id,
                       depositId :  allData.data[0].id
                    },
                    async : false,
                    success : function(res){
                        if(res.success){
                            layer.closeAll()
                            layer.msg(res.msg,{icon:1})
                            table.reload('table')
                        }else{
                            layer.msg(res.msg,{icon:2});
                        }
                    }
                })
            }
        });

    }

    // 更新车辆信息
    function update(data){
        form.val('updateForm',data);
        layer.open({
            type : 1,
            content : $('#updateLayer'),
            title : '车辆信息更新',
            btn : ['确定'],
            yes : function (index) {
                $.ajax({
                    url : ctx + '/car/manage/update',
                    type : 'post',
                    data : $('#updateForm').serialize(),
                    async : false,
                    success : function(res){
                        if(res.success){
                            layer.closeAll();
                            layer.msg(res.msg,{icon:1});
                            table.reload('table');
                        }else{
                            layer.msg(res.msg);
                        }
                    }
                })
            }
        });
    }

    // 添加车辆信息
    function add(data){
        layer.open({
            title : '新增车辆',
            type : 1,
            content : $('#addLayer'),
            area :['400px','350px'],
            btn : ['确定'],
            yes : function(index){
                $.ajax({
                    url : ctx + '/car/manage/add',
                    type : 'post',
                    data : $('#addLayer form').serialize(),
                    success : function(res){
                        if (res.success){
                            layer.closeAll();
                            layer.msg(res.msg);
                            table.reload('table');
                            $('#formReset').click();
                        } else{
                            layer.msg();
                        }
                    }
                });
            }
        });
    }

    // 重置按钮
    $('#reset').click(function(){
        $('#queryReset').click();
    })

    // 条件查询
    $('#submit').click(function(){
        // 重新渲染数据
        table.reload('table', {
            url: ctx + '/eng/good/order/listPage'
            ,where: $('#queryForm').formToObject()
        });
        return false;
    });

});